#nmbw800{
	width: 100%;
	height: 100%;

	/*表格样式*/
	.table{
		th,td{
			text-align: center; 
		}
	}

	//整体布局 左侧导航条
	.left-nav-layout{
	    background-color: rgb(240,250,238);
	    width:18%;
	    height: 100%;
	    float: left;
	    border-right: 1px solid grey;
	}
	/*主体显示*/
	.main-show-layout{
		width:82%;
	    height: 100%;
	    float: left;
	    padding: 0px;
		/*日记录显示*/
	    .day-record-tab{
		    padding:0px;
		}
		.graph-tab{
		    width: 100%;
		}
		/*图表下料记录*/
		.nmbw800-graphshow{
			padding: 0px;
			margin: 0px;
			width: 100%;
			height: 100%;
			//第一个图表日下料记录
			.nmbw800_myChart_dayrecord{
			    width: 85%;
			    margin-left: auto;
			    margin-right: auto;
			    height: 30%;
			}
			//第二个图表详细下料记录
			
			.nmbw800_myChart_detailrecord_father{
				position: relative;
				.nmbw800_myChart_detailrecord{
					width: 85%;
				    margin-left: auto;
				    margin-right: auto;
				    height: 30%;
				}
				.dataSlect{
					position: absolute;
					right: 200px;
					top: 10px;
				}
			}
		}

		.nmbw800-graphshow{
		    width: 100%;
		}
		/*监控显示画面*/
		#nmbw800_video1{
		    margin-left: 100px;
		    margin-top: 10px;
		}
		//中国地图
		.nmbw800_chinamap{
		    width: 80%;
		    height: 100%;
		    min-height: 700px;
		    max-width: 1800px;
		}
	}
	//路径导航器
	.bw800-loadnav{
	    margin-bottom: 2px;
	    font-size: 13px;
	}
	//左侧导航条的list
	.leftnav-bw800-list{
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;

	    opacity: 0.9;
	    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	    margin: 5px;
	    width: 96%;
	    height :70px;
	    border-bottom: 1px solid grey;
	    border-right:1px solid grey; 
	    background-color: white;

	    &:hover{
			cursor: pointer;
		    background-color: rgb(250,248,248);
		    -moz-box-shadow: 0px 0px 10px #000000;
		    -webkit-box-shadow: 0px 0px 10px #000000;
		    box-shadow: 0px 0px 10px #000000;
	    }
	    //样式用来继承
		/*显示分娩，断奶，哺乳以及第几日*/
		.leftnav-bw800-list-left{
		    width: 24%;
		    height: 70px;
		    padding: 5px;
		    text-align: center;
		    border-right: 2px solid rgb(124,181,236);
		    float: left;

			span{
			    font-size: 17px;
			    font-weight: bold;
			}
		}
		/*显示分娩，断奶，哺乳以及第几日*/
		.leftnav-bw800-list-right{
		    width: 76%;
		    height: 70px;
		    padding-top: 5px;
		    padding-left: 10px;
		    text-align: left;
		    float: left;
		    position: relative;

		    >span{
		        font-size: 12px;
	   			font-weight: bold;	
		    }
		    //图标
		    .fa-cog{
			    position: absolute;
			    font-size: 20px;
			    right: 4%;
			    bottom: 10%;
			    /*text-shadow: 2px 2px 2px grey;*/
				
				&:hover{
					color: blue;
	    			cursor: help;
	    			/*悬停显示提示*/
	    			&:after{
	    				content: "控制器详细参数";
					    background-color: rgb(240,250,238);
					    color: black;
					    position: absolute;
					    bottom: 20px;
					    width: 120px;
					    height: 25px;
					    text-align: center;
					    padding-top: 3px;
					    right: -10px;
					    border-radius: 5px;
					    box-shadow: 0px 0px 5px #000000;
					    font-weight: bold;
					    font-size: 15px;
	    			}
				}
			}
			/*右上角显示是否在线的图标*/
			.if_online{
			    position: absolute;
			    right: 16%;
			    bottom: 10%;
			}
		}
		//显示猪场list
		.leftnav-bw800-farmlist{
			width: 100%;
			height: 100%;
			position: relative;
			cursor: default;
			//左边部分，一个大的中文字
			.left{
				width: 17%;
			    height: 70px;
			    // padding: 5px;
			    text-align: center;
			    // border-right: 2px solid rgb(124,181,236);
			    float: left;
				// background-color: rgb(233, 211, 255);
			    span{
			    	font-size: 30px;
			    	font-weight: bold;
			    	// color: red;
			    }
			}
			//中间部分部分
			.center{
				width: 68%;
			    height: 70px;
			    padding-top: 5px;
			    text-align: left;
			    float: left;
			    position: relative;

			    span{
			    	font-size: 13px;
			    	font-weight: bold;
			    }
			}
			//右边部分
			.right{
				width: 15%;
			    height: 70px;
			    padding-top: 5px;
			    padding-left: 10px;
			    text-align: center;
			    float: left;
			    position: relative;
			    background-color: #55aa00;

			    
				//图标
			    span{
					font-size: 17px;
					padding-top: 10px;
					padding-right: 10px;
					color: white;
				    /*text-shadow: 2px 2px 2px grey;*/
				}
				&:hover{
					box-shadow: 0px 0px 12px #000000;
			    	border-radius: 4px;
					cursor: pointer;
	    			/*悬停显示提示*/
	    			&:after{
	    				content: "进入猪场";
					    background-color: rgb(240,250,238);
					    color: black;
					    position: absolute;
					    bottom: 50px;
					    width: 70px;
					    height: 25px;
					    text-align: center;
					    padding-top: 3px;
					    right: 40px;
					    border-radius: 5px;
					    box-shadow: 0px 0px 5px #000000;
					    font-weight: bold;
					    font-size: 15px;
	    			}
	    		}
			}
		}
	}
	/*list被选择的时候，js添加*/
	.leftnav-bw800-list-chose{
	    background-color: rgb(230,230,230);
	    -moz-box-shadow: 0px 0px 7px #000000;
	    -webkit-box-shadow: 0px 0px 7px #000000;
	    box-shadow: 0px 0px 7px #000000;
	}
}